﻿<!DOCTYPE html>
<html>
<head>
    <title>Twitter</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="javascripts.js"></script>
        <link type="text/css" rel="Stylesheet" href="styles.css" />
</head>
<body onload="body_onload()">
    <header id="header">
        <div id="headerContent">
            Twitter-Like Web Chat
        </div>
    </header>    

    <nav id="nav">
        <div id="navContent">            
        </div>
    </nav>

    <section id="section">
        <div id="sectionContent">            
            <header id="sectionHeader">Channel</header>
            <article id="sectionArticle"></article>
            <footer id="sectionFooter">
                <label class="coolLabel">Post a message</label> 
                <input type="text" class="coolTextInput" id="messageContent" onkeypress="messageContent_onkeypress(event)" />
                <input id="buttonPostMessage" type="button" value="Post" class="coolButton" onclick="buttonPostMessage_onclick()"/>
                <div class="clearer"></div>                
            </footer>            
        </div>
    </section>

    <aside id="aside">
        <div id="asideContent">            
            <div id="channelNames">                
            </div>
            <input id="buttonResetChannel" type="button" value="Reset Channel" class="coolButton" onclick="buttonResetChannel_onclick()"/>
            <input type="button" id="buttonCreateNewChannel" class="coolButton" value="Create new channel" onclick="buttonCreateNewChannel_onclick()"/>
            <input type="button" id="buttonDeleteCurrentChannel" class="coolButton" value="Delete current channel" onclick="buttonDeleteCurrentChannel_onclick()" />
        </div>
    </aside>        

    <footer id="footer">
        <div id="footerContent">
            @copyright Telerik Academy 2011
        </div>
    </footer>
</body>
</html>
